<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>博客</title>
  <link href="/public/css/main.css" rel="stylesheet" type="text/css">
  <link href="/public/fontAwesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <script src="/public/js/jquery-1.12.4.min.js"></script>
  <script src="/public/js/index.js"></script>
</head>

<body>
  <header>
    <div class="backimg"><img src="/public/images/IMG_0293.JPG"></div>
    <div class="logo"><span></span><img src="/public/images/00002637.png"></div>
  </header>
  <nav>
    <div class="menu">
      <a href="/" class="focus">首页</a>
    </div>
  </nav>
  <main class="clear">
    <div class="mainLeft">
      <div class="pager">
        <ul class="clear">
          <li class="previous">
            <span>没有上一页了</span>
          </li>
          <li class="next">
            <span>没有下一页了</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="mainRight">
      <div class="rightBox" id="loginBox">
        <div class="title"><span>登录</span></div>
        <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /><em></em></div>
        <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /><em></em></div>
        <div class="line"><span class="colDark"></span><button>登 录</button></div>
        <p class="textRight">还没注册？<a href="javascript:;" class="colMint">马上注册</a>　</p>
        <p class="colWarning textCenter"></p>
      </div>
      <div class="rightBox" id="registerBox" style="display: none;">
        <div class="title"><span>注册</span></div>
        <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /></div>
        <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /></div>
        <div class="line"><span class="colDark">确认：</span><input name="repassword" type="password" /></div>
        <div class="line"><span class="colDark"></span><button>注 册</button></div>
        <p class="textRight">已有账号？<a href="javascript:;" class="colMint">马上登录</a>　</p>
        <p class="colWarning textCenter"></p>
      </div>
      <div class="rightBox">
        <div class="title"><span>社区</span></div>
        <p><a href="http://www.miaov.com" target="_blank" class="colDanger">妙味课堂</a></p>
        <p><a href="http://bbs.miaov.com" target="_blank" class="colDanger">妙味茶馆</a></p>
      </div>
    </div>
  </main>
  <div class="copyright textCenter">Copyright © miaov.com 版权所有 | 京ICP备08102442号</div>
</body>

</html>
